<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:composite="http://java.sun.com/jsf/composite">
 
	<composite:interface>
		<composite:attribute name="questionText" type="java.lang.String" required="true" />
		<composite:attribute name="questionLevel" type="br.elsa.survey.domain.questions.Level" required="true" />
	</composite:interface>
	 
	<composite:implementation>
		<h:outputStylesheet library="components/question/css" name="layout.css" target="head" />
		
		<h:panelGrid columns="1" style="width: 100%;">
			<h:outputLabel for="questionText" value="What is the question?" />
			<h:inputTextarea id="questionText" value="#{cc.attrs.questionText}" styleClass="questionText" />
			
			<h:column>	
				<h:outputLabel for="questionLevel" value="Level:" />
				<h:selectOneMenu id="questionLevel" value="#{cc.attrs.questionLevel}">
					<f:selectItems value="#{levelFactory.questionLevels}" />
				</h:selectOneMenu>
			</h:column>
		</h:panelGrid>

	</composite:implementation>
</html>
